@charset "utf-8";li,textarea{vertical-align:top}
article,aside,body,details,figcaption,figure,footer,header,hgroup,html,iframe,menu,nav,section{display:block}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
article,aside,blockquote,body,button,code,dd,details,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}
audio,canvas,video{display:inline-block}
body,button,input,select,textarea{font:12px/1.5 'helvetica neue',tahoma,'PingFang SC','microsoft yahei',arial,'hiragino sans gb',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:1em}
a:active{background-color:transparent}
a:active,a:hover,a:link,a:visited{outline:0}
b,cite,code,em,i,small,th{font-size:1em;font-style:normal;font-weight:500}
button,input,select,textarea{font-size:1em;box-sizing:content-box;outline: none;}
button,input[type=button],input[type=submit]{cursor:pointer}
button[disabled],input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto}
table{border-collapse:collapse;border-spacing:0}
fieldset,iframe,img{border:0}
img{display:inline-block;vertical-align:bottom;-ms-interpolation-mode:bicubic}
ol,ul{list-style:none}
q:after,q:before{content:''}
.clearfix:after{clear:both;content:".";display:block;height:0;line-height:0;font-size:0;visibility:hidden}
.clearfix{zoom:1}
.clear{clear: both;height:0; overflow:hidden;}
body,html{background:#fff;width:100%;color: #383838;overflow-x: hidden;font-family: "微软雅黑"!important;}
.swiper{width: 1200px;overflow: hidden;margin: 0 auto;}

/*header*/
header .logo{float: left;margin-top: 36px;}
header .headright{float: right;width: 30%;}
header .headright .top{margin-top: 36px;text-align: right;}
header .headright .top a{font-size: 14px;color: #000000;margin-left: 19%;}
header .headright .bottom{margin-top: 15px;}
header .headright .bottom .search{height: 35px;line-height: 35px;border: 1px solid #e6e6e6;width: 80%;float: left;}
header .headright .bottom .search .searchIcon{background: url(../images/searchIcon.png) no-repeat center;width: 12%;height: 16px;display: inline-block;vertical-align: middle;}
header .headright .bottom .search input{height: 34px;border: none;border-left: 1px solid #E6E6E6;display: inline-block;padding:0 5%}
header .headright .bottom .searchButton{font-size: 14px;color: #ffffff;background: #0071b6;width: 19%;line-height: 37px;text-align:center;display: inline-block;}

/*nav*/
.navBg{background: #0071b6;width:100%;margin-top: 28px;height: 50px;}
nav{width: 1200px;margin: 0 auto;}
nav ul li{float: left;font-size: 16px;width: 12.5%;line-height: 50px;text-align: center;position: relative;}
nav ul li a{width:100%;display:inline-block}
nav ul li a,nav ul li:hover a{color: #FFFFFF;}
nav ul li:hover{background: #1b268c;}
nav ul li.xl .down{width: 100%;background: rgba(27,38,140,0.92);position: absolute;padding-bottom: 10px;display: none;z-index: 9;}
nav ul li.xl .down li{float: none;width: 100%;font-size: 14px;line-height: 38px;}
nav ul li.xl:hover .down{display: block;}
nav ul li.current{background: #1b268c;}
/*mobile*/
.m-menu{display: none;}
.m-menu {height: 37px;width:50px;position:fixed;right:4px;top:20px;z-index: 99999;}
.m-menu:before, .m-menu:after, .m-menu span {position: absolute;display: block;content: '';}
.m-menu:before, .m-menu:after, .m-menu span {left: 10px;width: 60%;height: 2px;-webkit-transition: opacity .4s linear,-webkit-transform .4s linear;-moz-transition: transform .4s linear,opacity .4s linear,-moz-transform .4s linear;transition: opacity .4s linear,-webkit-transform .4s linear;transition: transform .4s linear,opacity .4s linear;transition: transform .4s linear,opacity .4s linear,-webkit-transform .4s linear,-moz-transform .4s linear;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;
transform-origin: 0 0;background: #0071b6;}
.m-menu:before {top: 10px;}
.m-menu span {top: 18px;}
.m-menu:after {bottom:8px;}
.m-menu.open:before{top: 6px;}
.m-menu.open:before {transform-origin: 0 2px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.m-menu.open span {opacity: 0;}
.m-menu.open:after {transform-origin: 0 2px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.m-menu-con {display: none;position: fixed;left: 0px;width: 100%;overflow: auto;border-top: 1px solid #e2e2e2;z-index: 9999;overflow: scroll;background: rgba(255,255,255,0.9);height:100%;}
.subNavBox{padding-top:72px;}
.subNav{border-bottom: solid 1px #e5e3da;cursor: pointer;line-height: 40px;text-indent: 10px;font-size: 14px;display: block;background: url(../images/right-arrow.png) no-repeat right center;color: #333;}
.subNav.currentDt{background:url(../images/down-arrow.png) no-repeat right center #0071b6;color: #fff;border-bottom: 1px dashed #1b7fda;}
.navContent {display: none;border-bottom: solid 1px #e5e3da;background: rgba(0,113,182,0.9);margin: 0px;}
.navContent li{border-bottom: 1px dashed #0071b6;}
.navContent li a {display: block;color: #fff;line-height: 40px;text-align: center;}
.navContent li a:hover {color: #fff;background-color: #457cac;}
.sub-a {border-bottom: solid 1px #e5e3da;cursor: pointer;line-height: 40px;text-indent: 10px;font-size: 14px;display: block;color: #333;}
/*mobile-end*/
/*********************************************************index*************************************************************/
/*banner*/
.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.fixed { display: block; min-height: 1%; }
/* flexslider */
.flexslider{position:relative;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:447px;}
.flex-control-nav{position:absolute;bottom:24px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:44px;height:3px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:44px;height:3px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:65%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
/*.flex-direction-nav li a.flex-prev{margin-top:-100px;left:10px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{margin-top:-100px;right:10px;background:url(../images/next.png) center center no-repeat;}*/

/*about*/
.about{width: 1200px;margin:0 auto;overflow: hidden;padding-top: 20px;}
.about .aboutleft{width: 58%;float: left;}
.about .aboutleft h1{background: url(../images/aboutBg.png)no-repeat left;font-size: 24px;color: #3d3d3d;font-weight: normal;padding-left:44%;margin-bottom:6px;}
.about .aboutleft p{font-size: 16px;color: #595757;line-height: 34px;/*text-indent: 30px;*/}
.about .aboutleft span{float: right;border: 1px solid #02a0e9;border-radius: 6px;width: 7%;text-align: center;display: inline-block;margin-top: -24px;}
.about .aboutleft span a{color: #0071b6;}
.about .aboutright{float: right;width: 37.3%;padding-right: 1%;padding-bottom: 2%;}
.top-banner{height:284px;width:100%;border: 2px solid #0071b6;box-shadow:0px 0px 7px 0px #636363;}
.top-banner .banner-container{width:100%;height:100%;position:relative}
.top-banner .banner-arrow-left{opacity:0;width:50px;height:80px;position:absolute;top:50%;left:50%;margin-top:-40px;margin-left:-575px;z-index:2;cursor:pointer;background:url(../images/banner_arrow.png) no-repeat center;background-size:50px 80px;transition:all ease-in .5s}
.top-banner .banner-arrow-left:hover{background:url(../images/banner_arrow_hover.png) no-repeat center;background-size:50px 80px}
.top-banner .banner-arrow-right{opacity:0;width:50px;height:80px;position:absolute;top:50%;right:50%;margin-top:-40px;margin-right:-575px;z-index:2;cursor:pointer;background:url(../images/banner_arrow.png) no-repeat center;background-size:50px 80px;transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg);transition:all ease-in .5s}
.top-banner .banner-arrow-right:hover{background:url(../images/banner_arrow_hover.png) no-repeat center;background-size:50px 80px}
.top-banner .banner-container:hover .banner-arrow-left{opacity:1}
.top-banner .banner-container:hover .banner-arrow-right{opacity:1}
.top-banner .banner-pagination{position:absolute;left:0;bottom:-18px;text-align:center;width:100%;height:0;cursor:pointer;font-size:0;z-index:1}
.top-banner .banner-pagination .swiper-pagination-switch{display:inline-block;margin-right:8px;text-align:center;width:45px;height:2px;background:rgba(136,211,245,0.9);vertical-align:middle;cursor:pointer}
.top-banner .banner-pagination .swiper-pagination-switch.on{background:#0071b6}
.top-banner .banner-pagination .swiper-pagination-switch:last-child{margin-right:0}
.top-banner .banner-pagination .swiper-active-switch{background:#fff;position:relative}
.top-banner .banner-container .swiper-slide{position:relative;float:left;width:100%;height:360px!important}
.bd li img{width: 100%;}
.bd ul li p{font-size:16px;background:rgba(0,0,0,0.5);line-height:50px;color:#ffffff;position:relative;margin-top:-50px;padding:0 5%;font-family: "微软雅黑";}
/*video*/
.swiper .videleft{float: left;width: 50%;margin-top: 42px;}
.main{position:relative;width:100%;overflow:hidden}
.main_bg{width:100%}
.h5video{position:absolute;}
.swiper-slide video{width:100%;object-fit: cover;height: 386px;}
.video_btn{display:inline-block;position:absolute;bottom:10vw;width:85%;height:15vw;line-height:15vw;border-radius:90px;left:8%;background:#37f7e5;text-align:center;font-size:4vw;color:#000;text-decoration:none}
.swiper-container{overflow:visible!important}
.swiper-container .swiper-wrapper .swiper-slide{position:relative;width:100%;height: 386px;overflow: hidden;}
.swiper-container .swiper-wrapper .swiper-slide img{width:100%;height:320px}
.swiper-container .swiper-wrapper .swiper-slide-active{width:100%}
.swiper-pagination{bottom:-30px!important}
.swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background:#ff1e1e}
.swiper-pagination .swiper-pagination-bullet-active{width:21px;height:12px;background:#e75230;border-radius:6px}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:5px}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:5px}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background:url(images/right_turn_icon.png) no-repeat;background-size:100%}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background:url(images/left_turn_icon.png) no-repeat;background-size:100%}
.video_font{text-align:center;font-size:4vw;color:#fff;letter-spacing:.8vw}
.swiper-container .swiper-wrapper .swiper-slide .play_btn{z-index:99;position:absolute;width:15%;height:auto;left:0;right:0;top:0;bottom:4%;margin:auto}
.swiper-wrapper{transform: translate3d(0, 0px, 0px)!important;}
/*news*/
.swiper .newsright{float: right;width: 48%;margin-top: 42px;}
.swiper .newsright h1{background: url(../images/xx.png)no-repeat left;font-size: 24px;color: #3d3d3d;font-weight: normal;padding-left:3%;}
#topmenu{width:450px;margin:30px auto 0 auto;height:80px;position:relative;}
#topmenu ul{margin:0;padding:0;}
#topmenu ul li{float:left;font-size:12px;background:#222;position:relative;text-align:center;width:70px;margin:0 10px;display:inline;line-height:30px;}
#topmenu ul li a{color:#aaa;text-decoration:none;}
#topmenu ul li a:hover{color:#fff;}
#topmenu ul li.active a{color:#fff;font-weight:800;}
/* tab */
.tab{width:100%;margin:15px auto;}
.tab ul.menu{height:40px;margin: 0 -0.7%;}
.tab ul.menu li{float:left;text-align:center;width:23.6%;margin:0 0.7%;height:40px;background:#e5e5e5;line-height:40px;font-size:20px;cursor:pointer;font-weight: bold;color: #0071b6;}
.tab ul.menu li.active{background:#0071b6;color:#fff;}
.tab ul.menu li.active i{background: url(../images/xlIcon.png)no-repeat center;width: 10px;height: 9px;display: inline-block;margin-top: 39px;position: absolute;margin-left: -3%;}
.con1,.con2,.con3,.con4{height:190px;margin-top:-2px;}
.con2,.con3,.con4{display:none;}
.con1 ul,.con2 ul,.con3 ul,.con4 ul{padding-top:20px;}
.con1 ul li,.con2 ul li,.con3 ul li,.con4 ul li{background:url(images/point.png) no-repeat left center;font-size:14px;line-height:36px;color:#252525;}
.con1 ul li:hover,.con2 ul li:hover,.con3 ul li:hover,.con4 ul li:hover{color:#ba2636;cursor:pointer;text-decoration:underline;}
.tabli ul li p{float: left;background: url(../images/dian.png)no-repeat left;padding-left: 3%;width: 80%;height: 36px;overflow: hidden;}
.tabli ul li span{float: right;}
/*project*/
.projectBg{background: url(../images/projectBg.jpg)no-repeat center;width: 100%;padding: 25px 0 70px 0;margin-top: 50px;}
.projectBg .projectTitle p{font-size: 30px;color: #FFFFFF;margin-bottom: 10px;}
.projectBg .projectTitle h1{float: left;font-size: 24px;color: #49b6f9;}
.projectBg .projectTitle a{float: right;border: 1px solid #FFFFFF;color: #FFFFFF;border-radius: 9px;width: 8%;text-align: center;line-height: 27px;}
.projectBg .projectList{margin: 20px -0.7% 0 -0.7%;}
.projectBg .projectList ul li{float: left;width: 31.9%;margin: 0 0.7%;}
.projectBg .projectList ul li img{width: 100%;height:250px ;}
.projectBg .projectList ul li p{font-size: 18px;color: #FFFFFF;position: relative;margin-top: -56px;height: 56px;line-height: 56px;background: rgba(0,0,0,0.42);padding: 0 4%;}
/*service*/
.swiper .service{margin-top: 40px;}
.swiper .intitle p{font-size: 30px;color: #b3b4b4;margin-bottom: 5px;}
.swiper .intitle h1{float: left;font-size: 24px;color: #0071b6;}
.swiper .intitle a{float: right;border: 1px solid #0071b6;color: #0071b6;border-radius: 9px;width: 8%;text-align: center;line-height: 27px;}
.swiper .service .serviceList{margin-top: 30px;}
.swiper .service .serviceList ul li{float: left;background: #f5f5f3;width: 33.3333%;}
.swiper .service .serviceList ul li img{width: 100%;height: 176px;}
.swiper .service .serviceList ul li .servicebottom{padding: 55px 0 66px 13%;}
.swiper .service .serviceList ul li .servicebottom .left{float: left;width:9%;margin-top: 3%;margin-right: 3.5%}
.swiper .service .serviceList ul li .servicebottom .right{float: left;}
.swiper .service .serviceList ul li .servicebottom .left .span1{display:inline-block;background: url(../images/service1.png)no-repeat center;width:100%;height: 38px;background-size: 100% 100%;}
.swiper .service .serviceList ul li .servicebottom .left .span2{display:inline-block;background: url(../images/service2.png)no-repeat center;width:113%;height: 38px;background-size: 100% 100%;}
.swiper .service .serviceList ul li .servicebottom .left .span3{display:inline-block;background: url(../images/service3.png)no-repeat center;width:113%;height: 38px;background-size: 100% 100%;}
.swiper .service .serviceList ul li .servicebottom h1{font-size: 24px;color: #02a0e9;font-weight: normal;}
.swiper .service .serviceList ul li .servicebottom p{font-size: 16px;color: #02a0e9;margin-top: -6px;}
.swiper .service .serviceList ul li:hover{background: #02a0e9;}
.swiper .service .serviceList ul li:hover .servicebottom h1,.swiper .service .serviceList ul li:hover .servicebottom p{color: #FFFFFF;}
.swiper .service .serviceList ul li:hover .servicebottom .left .span1{display:inline-block;background: url(../images/service1-1.png)no-repeat center;width:100%;height: 38px;background-size: 100% 100%;}
.swiper .service .serviceList ul li:hover .servicebottom .left .span2{display:inline-block;background: url(../images/service2-1.png)no-repeat center;width:113%;height: 38px;background-size: 100% 100%;}
.swiper .service .serviceList ul li:hover .servicebottom .left .span3{display:inline-block;background: url(../images/service3-1.png)no-repeat center;width:113%;height: 38px;background-size: 100% 100%;}
/*smaillbanner*/
.swiper .smaillbanner{margin-top: 50px;}
.swiper .smaillbanner img{width: 100%;height: 158px;}
/*honor*/
.honor{margin-top: 40px;}
.Box {position: relative;}
.Box .content {width:1120px;margin: 20px auto 0 auto;height: 202px;}
.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 17px;height: 203px;position: absolute;top: -3px;cursor: pointer;}
.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -40px;}
.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -40px;}
.Box .Box_con .btnl:hover {background: url(../images/jtl02.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../images/jtr02.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;width: 1094px!important;margin: 0 auto;}
.Box .Box_con .conbox ul li {float: left;width: 21.4%;height: 200px;margin-left: 4%;overflow: hidden;border: 1px solid #02a0e9;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;width: 100%;height: 200px;transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
/*link*/
.linksbox{width: 1200px;margin: 0 auto;}
.links{margin-top: 80px;background: #efefef;width: 100%;height: 36px;}
.links .linkTitle{background: url(../images/linkbg.png)no-repeat center;width: 10%;float: left;text-align: center;line-height: 36px;}
.links .linkTitle h1{font-size: 20px;color: #FFFFFF;font-weight: normal;}
.links .linkList{float: left;width: 90%;padding: 6px 0;}
/*footer*/
footer{background: #0071b6;width: 100%;padding: 90px 0;margin-top: 40px;}
footer .flogo{float: left;width: 39%;margin-right: 4%;}
footer .fxx{float:left;background: url(../images/fxx.png)no-repeat center;width: 4px;height: 78px;}
footer .foottext{float: left;margin-left: 4%;}
footer .foottext p{font-size: 14px;color: #FFFFFF;line-height: 30px;}
footer .foottext a {
    color: #ffffff;
}
.mobile{display: none;}


/**************************************************about***************************************************/
.bannerbox img{width: 100%;height: auto;}
.about_left{float: left;width: 21%;}
.about_left .lefttop{background: #0071b6;padding-top: 20px;}
.about_left .lefttop h2{font-size: 36px;background: #2e2985;font-weight: normal;color: #FFFFFF;line-height: 63px;text-align: center;}
.about_left .lefttop ul{padding: 0 21% 25px 21%;}
.about_left .lefttop ul li{font-size: 18px;padding: 20px 0 15px 0;border-bottom: 1px solid #FFFFFF;padding-left: 9%;}
.about_left .lefttop ul li a{color: #FFFFFF;background: url(../images/aboutJiao.png)no-repeat left;padding-left: 25%;}
.about_left .lefttop ul li.current{font-weight: bold;}
.about_left .leftbottom{margin-top: 30px;}
.about_left .leftbottom .leftbottomContact{background: #0071B6;padding:12px 3% 5px 9%;font-size: 14px;color: #FFFFFF;}
.about_left .leftbottom .leftbottomContact h2{font-weight: bold;margin-bottom: 10px;}
.about_left .leftbottom .leftbottomContact p{line-height: 34px;}
.about_left .leftbottom .leftbottomMap img{width: 100%;height: 145px;}
.about_right{float: right;width: 76%;}
.about_right .rightTitle{line-height: 63px;margin-top: 20px;}
.about_right .rightTitle h2{float: left;font-size: 24px;color: #000000;font-weight: bold;border-bottom: 2px solid #0071b6;width: 11%;}
.about_right .rightTitle span{float: right;display: inline-block;font-size: 16px;color: #000000;border-bottom: 1px solid #bfbfbf;width: 89%;text-align: right;line-height: 64px;}
.edittitle h1{text-align: center;font-size: 24px;color: #1b268c;font-weight: bold;padding: 40px 0 23px 0;}
.edittitle p{font-size: 14px;color: #686868;background: #eeeeee;line-height: 34px;text-align: center;}
.edit{padding: 40px 0;min-height: 500px;}
.edit p{font-size: 16px;color: #000000;line-height: 36px;}
.edit img{display: inline-block;max-width:800px}
.honorlist ul{margin: 3% -1.7%;min-height:450px}
.honorlist ul li{float: left;border: 1px solid #02a0e9;width: 29.6%;margin: 1.3% 1.7%;}
.honorlist ul li img{width: 100%;height: 224px;}
.page{text-align: center; font-size: 0; margin: 30px 0;}
.page span, .page a { display: inline-block; font-size: 0.875rem; margin: 0 1%; height: 1.75rem; line-height: 1.75rem; color: #383838; }
.page .current {color: #267dbb; border-bottom: 1px solid #267dbb;}
/*news*/
.newsList ul li{padding: 22px 0 13px 0;border-bottom: 1px solid #bfbfbf;}
.newsList ul li p{float: left;background: url(../images/newsdian.png)no-repeat left;padding-left: 2%;font-size: 16px;width: 80%;height: 21px;overflow: hidden;}
.newsList ul li p a{color: #000000;}
.newsList ul li:hover a{color: #0071b6;font-weight: bold;}
.newsList ul li span{float: right;font-size: 14px;color: #858585;display: inline-block;}
.newspage {font-size: 14px;text-align: center;margin: 40px 0;}
.newspage span{display: inline-block;margin: 0 1%;}
.newspage .spanbg{background: #0071b6;color: #FFFFFF;line-height: 25px;padding: 0 2%;}
.newspage .spanbg a{color: #FFFFFF;}
.newspage .spanbg input{width: 50px;}
.newspage .spanbg .tz{background: #e6e6e6;color: #000000;display: inline-block;width: 26%;text-align: center;margin-left:11%;}
.newspage .spanbgw{width: 23%;}
.newspage .pagey{border: 1px solid #bfbfbf;line-height: 25px;padding: 0 2%;}
/*project*/
.about_left .lefttop ul li a.xj{background: url(../images/xj.png) no-repeat left;}
.xy:hover .navxl{display: block;}
.navxl{padding-bottom: 10px!important;display: none;}
.navxl li{border-bottom: none!important;padding: 8px 0 2px 9%!important;}
.navxl li a{background: none!important;font-size: 16px;padding-left: 0!important;}
.businessList ul li{margin: 6% 0;}
.businessList ul li .leftimg{float: left;width: 44%;}
.businessList ul li .leftimg img{width: 100%;height: 178px;}
.businessList ul li .righttext{float: right;width: 52%;}
.businessList ul li .righttext .texttitle{border-bottom: 1px solid #bfbfbf;padding-bottom: 10px;}
.businessList ul li .righttext .texttitle h2{float: left;font-size: 18px;font-weight: bold;color: #0071b6;}
.businessList ul li .righttext .texttitle span{float: right;font-size: 14px;color: #707070;display: inline-block;margin-top: 7px;}
.businessList ul li .righttext p{font-size: 16px;color: #000000;line-height: 30px;padding: 13px 0;height: 89px;overflow: hidden;}
.businessList ul li .righttext a span{background: #0071B6;color: #FFFFFF;width: 16%;text-align: center;line-height: 28px;display: inline-block;}
.menus ul li{font-size: 18px;padding: 20px 0 15px 0;border-bottom: 1px solid #FFFFFF;padding-left: 9%;}
.menus ul li.current span,.menus ul li dt.current{font-weight: bold;}
.menus ul li a{color: #FFFFFF;background: url(../images/aboutJiao.png)no-repeat left;padding-left: 25%;}
.menus ul li span{ display: block; height: 100%; width: 100%; position: relative; padding-left:22%; color: #FFFFFF; }
.menus ul li span i{ display: block; height: 10px; width: 22px; background: url(../images/aboutJiao.png) no-repeat center center; background-size:80% 80%; position: absolute; left: -2%; top: 73%; margin-top: -10px;  transition: all 0.3s ease-out; transform: rotate(0deg);}
.menus ul li span i.action{ transition: all 0.3s ease-out;transform: rotate(90deg);background: url(../images/aboutJiao.png);width: 13px;height: 9px;}
.menus ul li>dl{ display: none;}
.menus ul li dt{font-weight:normal}
.menus ul li>dl a{ display: block; height: 100%; width: 100%; font-size: 14px; color: #222; text-decoration: none; }
.about_left .lefttop .menus ul li a{background: none!important;line-height: 28px;}
.menus ul li span a{padding-left: 0!important;}
.menus ul li .span i.action{ display: block; height: 10px; width: 22px; background: url(../images/aboutJiao.png) no-repeat center center; background-size:80% 80%; position: absolute; left: -2%; top: 73%; margin-top: -10px;  transition: all 0.3s ease-out; transform: rotate(0deg);}
.businesstext{padding: 30px 0 20px 0;border-bottom: 1px solid #bfbfbf;}
.businesstext p{font-size: 16px;color: #000000;line-height: 34px}
.businesstext a span{float: right;background: #0071B6;text-align: center;display: inline-block;width: 10%;line-height: 28px;color: #FFFFFF;margin-top: -26px;}
.BusinessHonor ul li .leftimg img{height: 248px;}
.BusinessHonor ul li .leftimg p{line-height: 54px;height: 54px;font-size: 18px;color: #FFFFFF;background: rgba(0,0,0,0.42);position: relative;margin-top: -54px;padding: 0 5%;overflow: hidden;}
.BusinessHonor ul li .righttext p{height: 159px;overflow: hidden;}
/*****************************************************corporateCulture**********************************************************/
.gwfclist ul{margin: 15px -2.1% 0 -2.1%;}
.gwfclist ul li{float: left;width: 29%;margin: 2.5% 2.1%;}
.gwfclist ul li img{width: 100%;height: 248px;}
.gwfclist ul li p{background: #949494;height: 55px;line-height: 55px;color: #FFFFFF;padding: 0 22% 0 8%;font-size: 18px;}
.gwfclist ul li p span{background: url(../images/cultureJiao.png)no-repeat right;display: inline-block;width: 100%;}
.gwfclist ul li:hover p{background: #0071B6;}
/*****************************************************contactUs**********************************************************/
.contactMap{float: left;width: 62.4%;margin-top: 46px;}
.contactMap img{width: 100%;height: 384px;}
.contacttext{float: right;width: 34.5%;margin-top: 46px;}
.contacttext ul li{border: 1px solid #bfbfbf;line-height: 34px;font-size: 16px;color: #000000;padding: 0 3%;margin-bottom: 14px;}
.messages{background: #f1f1f1;width: 100%;margin-top: 47px;}
.messages .messagesleft{float: left;width: 18%;}
.messages .messagesleft ul li{line-height: 50px;height: 50px;background: #e5e5e5;font-size: 16px;color: #000000;text-align: right;margin-bottom: 3px;}
.messages .messagesleft ul li.onlinemessages{height: 170px;margin-bottom: 0;}
.messages .messagesright{float: left;margin-left: 0.5%;width: 81.5%;}
.messages .messagesright ul li{background: #eeeeee;line-height: 50px;height: 50px;margin-bottom: 3px;padding-left: 1.5%;}
.messages .messagesright ul li input{border: 1px solid #717171;padding: 0 2%;height: 24px;}
.messages .messagesright ul li span{font-size: 24px;color: #e89622;vertical-align: middle;display: inline-block;margin-left: 1%;}
.messages .messagesright ul li textarea{width: 90%;height: 120px;padding: 2%;margin-top: 8px;border: 1px solid #717171;}
.messages .messagesright ul li.onlinemessagesK{height: 168px;}
button#btnOk {
    background: #0071B6;
    border: none;
    height: 30px;
    width: 12%;
    float: right;
    margin: 20px 42px;
    color: #ffffff;
    font-size: 16px;
}

@media only screen and (max-width:800px) {
	.pc{display: none;}
	.m-menu,.mobile{display: block;}
	.swiper,.about{width: 95%;}
	header{position: fixed;background: #FFFFFF;height: 72px;z-index: 9;}
	header .logo{width:66%;margin-top: 20px;margin-bottom: 20px;}
	header .logo img{width: 100%;}
	.flexslider .slides li{background-size: 100% 100%!important;height: 200px!important;margin-top: 72px;}
	.about .aboutleft,.swiper .videleft,.swiper .newsright{width: 100%;}
	.about .aboutleft h1{background-size:50% 50%;font-size: 20px;padding-left: 57%;}
	.about .aboutleft span{width: 20%;}
	.about .aboutright{margin-top: 20px;}
	.swiper-slide video,.swiper-container .swiper-wrapper .swiper-slide{height: 175px;}
	.swiper-container .swiper-wrapper .swiper-slide .play_btn{bottom: 0%;}
	.swiper .newsright h1,.projectBg .projectTitle h1,.swiper .intitle h1{font-size: 20px;}
	.tab ul.menu li{font-size: 15px;}
	.about .aboutright{width: 98%;padding-right:0 ;}
	.top-banner{width: 97%;height: 183px;}
	.tab ul.menu li.active i{margin-left: -9%;}
	.projectBg .projectTitle a,.swiper .intitle a{font-size: 12px;width: 20%;}
	.projectBg .projectTitle p,.swiper .intitle p{font-size: 24px;}
	.projectBg{background-size:100% 100% ;}
	.projectBg .projectList ul li{width: 100%;margin: 1% 0;}
	.swiper .service .serviceList ul li{width: 100%;margin: 2% 0;}
	.swiper .service .serviceList ul li .servicebottom{padding: 55px 0 66px 6%;}
	.swiper .service .serviceList ul li .servicebottom .left{width: 12%;margin-top: 2%;}
	.swiper .service .serviceList ul li .servicebottom p{margin-top: 0;}
	.swiper .service .serviceList ul li .servicebottom h1{font-size: 20px;}
	.swiper .smaillbanner img{height: 40px;}
	.Box .content{width: 100%;}
	.Box .Box_con .conbox ul li{width: 27.4%;}
	.Box .Box_con .conbox ul{width: 363%!important;}
	footer{padding: 40px 0;}
	footer .flogo{width:83%;}
	footer .flogo img{width: 100%;}
	/*about*/
	.bannerbox{margin-top: 72px;}
	.about_left{width: 100%;margin-top: 15px;}
	.about_left h2{font-size: 16px;font-weight: bold;color: #2e2985;}
	.about_left ul{margin:15px -1% 0 -1%;}
	.about_left ul li{float: left;border: 1px solid #0071B6;width: 22%;text-align: center;line-height: 24px;margin: 1% 1%;}
	.about_left ul li.current{background: #0071B6;}
	.about_left ul li.current a{color: #FFFFFF;}
	.about_right{width: 100%;}
	.edittitle h1{font-size: 20px;}
	.edittitle p{font-size: 12px;line-height: 28px;}
	.edit{min-height: 200px;}
	.edit img{width: 100%;}
	.honorlist ul li{width: 45.6%;}
	.honorlist ul li img{height: 126px;}
	.page span, .page a{margin: 0 4%;}
	/*news*/
	.newsList ul li p{width: 68%;padding-left: 4%;font-size: 14px;}
	.newspage .spanbg{display: none;}
	.businessList ul li .leftimg,.businessList ul li .righttext{width: 100%;}
	.businessList ul li .righttext{margin-top: 20px;}
	.businessList ul li .righttext a span{width: 30%;}
	.businesstext a span{width: 24%;}
	.gwfclist ul li{width: 45.8%;}
	.gwfclist ul li img{height: 133px;}
	.gwfclist ul li p{font-size: 16px;height: 42px;line-height: 42px;}
	.contactMap,.contacttext{width: 100%;}
	.contactMap img{height: 205px;}
	.messages .messagesleft{width: 26%;}
	.messages .messagesleft ul li{font-size: 14px;}
	.messages .messagesright{width: 73.5%;}
	button#btnOk{width:35%; margin: 13px 17px;}


}